<template>
    <div>
        <div class="content" >
            <image style="width:1708px;height:1207px;" src="../../resource/img/map.jpg"></image>
            <div class="bg-transparent">
            </div>
            <div class="pop">
                <image  style="width:528px;height:504px;" src="../../resource/img/map-pop.png"></image>
                <text class="text">继光志愿行动：这是高考改革后，继光高中制定的志愿行动“根茎叶”计划，指导各年级分层分阶段开展志愿服务工作。</text>
                <text class="more">了解更多</text>
                <image style="width: 80px;height: 80px;position: absolute;bottom: -100px;left: 224px" src="../../resource/img/close.png"></image>
            </div>
            <AppHeader :title="headerTitle" :showBack="true"></AppHeader>
        </div>
    </div>
</template>

<script>
    import AppHeader from '../../components/AppHeader.vue'
    import mixins from '../../mixins'
    module.exports = {
        mixins:[mixins],
        components: { AppHeader },
        data() {
            return {
                navList:[],
                headerTitle:"探索地图",
                lists: [1, 2, 3, 4, 5]
            }
        },
        created(){
            let self=this;
            self.getPageData();
        },
        methods: {

            getPageData(){
                let self=this;
                self.request({
                    url:"/data/index.json"
                }).then(res=>{
                    console.log(res);
                if(res.status==1){
                }
            });
            },
            clickTabItem:function(item){

            },
            clickAppNavItem:function(item){
                this.jump(item.link);
            },
            loadMoreList (event) {

            }
        }
    }
</script>

<style scoped>
    .content{
        margin-top: 88px;
        width:1708px;
        height:1207px;
    }



</style>